// 组件必须反过来（先注册，后实例化Vue），不然注册不进去

// 一个组件的data必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝
// 否则，所有实例之间将共享一个数据而导致相互影响
Vue.component('button-counter', {
    // 使用方法，data: function函数 () { return返回值 { count数组变量名: 0初始值 } }
    data: function () {
      return {
        count: 0
      }
    },
    // 模板内容，里面包含了上面返回的count。
    template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
  })

  var vm = new Vue({
    el: "#app"
})